<template>
  <div class="pagination">
    <el-pagination
<<<<<<< HEAD
      small
      background
      :page-size="pageSize"
      :current-page="pageNum"
      layout="prev, pager, next"
=======
      background
      :small="small"
      :page-size="pageSize"
      :current-page="pageNum"
      layout="prev, pager, next, jumper"
>>>>>>> lz
      :total="total"
      :pager-count="pageCount"
      @current-change="pageNumChange"
    />
  </div>
</template>

<script setup>
defineProps({
  pageSize: {
    type: Number,
    default: () => 10
  },
  pageCount: {
    type: Number,
    default: () => 5
  },
  total: {
    type: Number,
    default: () => 0
  },
  pageNum: {
    type: Number,
    default: () => 1
  },
  small: {
    type: Boolean,
    default: () => false
  }
});

const emit = defineEmits(["pageChange"]);
// 页面更改
const pageNumChange = num => {
  emit("pageChange", num);
};
</script>

<style scoped lang="less">
@import "./style.less";
</style>
